<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级设置</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>
    <div class="zr_header">
        <div class="zr-center-box">
            <img src="img/logo.png" class="zr_logo"/>
            <ul class="zr_tab">
                <li>我的问卷</li>
                <li class="zr_tab-border">高级检索</li>
                <li>综合题库</li>
                <li>用户管理</li>
                <li>考察点管理</li>
                <li>联系人管理</li>
                <li>帮助中心</li>
            </ul>
            <div class="zr_right-box">
                <img class="zr_head-img" src="img/header.png"/>
                <span>dnnfdsh</span>
                <span>|</span>
                <span>退出</span>
            </div>
        </div>
    </div>
    <div class="zr_fixed-box"></div>
    <div class="zr_search-box">
        <div class="zr-center-box">
            <div class="zr_search-form zr_pointer">
                <div class="zr_til-form">
                    <img src="img/lt.png" class="zr_back-icon"/>
                    <span>返回</span>
                    <span class="zr_sg">|</span>
                    <span>基础设置</span>
                    <span class="zr_sg zr_green-ionic">|</span>
                    <span class="zr_green-ionic">高级设置</span>
                </div>
                <input type="button" class="zr_float-r zr_save-btn" value="保存"/>
            </div>
        </div>

    </div>
    <div class="zr-center-box">
        <div class="zr_green-ionic zr-line zr_check-box">邮件邀请</div>
        <div class="z-bor-box zr_check-box">
            <div class="z_max-width">
                <input class="zr_float-l zr-botton zr_pointer zr_clear-btn no-mar" type="button" value=" 导入联系人">
                <label class="zr_choice-rodio zr_radio-left"><input type="radio" name="sex" class="zr_radio">通过联系人库导入</label>
                <label class="zr_choice-rodio zr_radio-left"><input type="radio" name="sex" class="zr_radio">通过联系人文本导入</label>
            </div>
            <div class="z_max-width">
                <input class="zr_float-l zr-botton zr_pointer zr_clear-btn no-mar" type="button" value=" 邮件设置">
                <div class="zr_choice-rodio zr_radio-left">导入邮件联系人、录入邮件基础信息及设置邮件发送方式。</div>
            </div>
            <div class="z_max-width">
                <input class="zr_float-l zr-botton zr_pointer zr_clear-btn no-mar" type="button" value="抽样调查">
                <div class="zr_choice-rodio zr_radio-left">按条件或比例，随机或规则抽取问卷联系人进行邮件邀请。</div>
            </div>
            <div class="z_max-width">
                <input class="zr_float-l zr-botton zr_pointer zr_clear-btn no-mar" type="button" id="send-btn" value="发送管理">
                <div class="zr_choice-rodio zr_radio-left">暂停或取消当前正在进行的邮件邀请。<span style="color: #0038d2;">（邮件邀请：未启动）</span></div>
            </div>
        </div>
        <div class="zr_green-ionic zr-line zr_check-box">录音拍照</div>
        <div class="zr_float-l check-box-list">
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">单选题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">多选题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">填空题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">投票题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">图片题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">主观题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">矩阵题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">打分题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">随机题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">时间题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">排序题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">附件题
            </label>
        </div>
        <div class="zr_float-l check-box-list">
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">单选题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">多选题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">填空题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">投票题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">图片题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">主观题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">矩阵题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">打分题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">随机题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">时间题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">排序题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">附件题
            </label>
        </div>
        <div class="zr_float-l check-box-list">
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">单选题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">多选题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">填空题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">投票题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">图片题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">主观题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">矩阵题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">打分题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">随机题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">时间题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">排序题
            </label>
            <label class="zr_check-box">
                <input class="zr_radio" type="checkbox">附件题
            </label>
        </div>
    </div>
    <div class="zr_pop" id="send">
        <div class="zr_center" style="width: 700px;">
            <h5 class="zr_til-pop">发送管理</h5>
            <div class="jdt">
                <div class="jdt-item zr_float-l"></div>
                <div class="zr_gt-push zr_float-l">40%</div>
            </div>
            <div class="zr_user-add add-w-p">1.暂停邀请：暂停邀请并保留当前邀请进度，再次点击邮件邀请时继续进行联系人邀请。</div>
            <div class="zr_user-add add-w-p">2.取消邀请：取消当前邮件邀请（进度清零），当再次点击邮件邀请时将重新邀请全部联系人。</div>
            <div class="zr_user-add add-w-p">3.关闭：关闭当前弹窗。</div>
            <div class="zr_user-add-btn">
                <button class="zr_btn zr_btn1" id="affirm">确认</button>
                <button  class="zr_btn zr_cancel">取消</button>
            </div>
        </div>
    </div>
    <div class="zr_scroll-top" id="scrollTop">
        <img src="img/top.png"/>
    </div>
    <div class="zr_scroll-top zr_scroll-bottom" id="scrollBottom">
        <img src="img/bottom.png"/>
    </div>
</div>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script>
    $('#scrollTop').click(function(){
        $("html,body").animate({scrollTop:0}, 100);
    });
    $('#scrollBottom').click(function(){
        var bodyHeight = $(document).height();
        $("body,html").animate({ "scrollTop": bodyHeight + "px" }, 100);
    });
    $('.zr_cancel').click(function () {
        $('.zr_pop').hide();
        $('body').css('overflowY','scroll');
    });
    $('#send-btn').click(function(){
        $('#send').show();
        $('body').css('overflowY','hidden');
    });
</script>
</html>